<!--
 * @Author: actor
 * @Date: 2023-11-13 15:42:40
 * @email: 395593455@qq.com
 * @LastEditors: actor
 * @LastEditTime: 2023-12-19 10:20:30
 * @FilePath: \i-hos-app\shared\emr\src\components\insert\DropDown.vue
 * @Description: 下拉列表插入组件
-->
<template>
  <field class="filed_dropDown filed_blank" :contenteditable="false" title="请选择" :data-config="JSON.stringify(config)">{{
    config.textVal
  }}</field>
</template>

<script setup lang="ts">
  import { reactive } from 'vue'
  // 接口约束
  import { IConfig } from '../../interface/page'
  let config: IConfig = reactive({
    type: 'dropDownList',
    name: '',
    des: '',
    textVal: '请选择',
    code: '',
    option: ['选项1', '选项2', '选项3'],
    multi: false,
    alignment: 'left',
    minWidth: 1,
  })
</script>

<style scoped lang="scss">
  .filed_dropDown {
    cursor: pointer;
    display: inline-block;
  }
</style>
